<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>页面2</title>
  <!--<script src="../../static/js/vue.global.js"></script>-->
  <script src="./vue.js"></script>
</head>
<body>
  <div id="app">
    <h1>页面2</h1>
    <p>从页面1传过来的数据:{{msg}}</p>
  </div>
  <script>
    var vm = new Vue({
      el: '#app',
      data() {
        return {
          msg: ''
        }
      },
      mounted() {
        let _this = this;
        window.addEventListener('message', function(event) {
          // 过滤非当前域下的消息
          // if(event.origin !== 'http://127.0.0.1:5500' || !event.data) {
          //   return
          // }
          // 过滤其他非本应用传递过来的消息，例如 chrome 的插件就可能也会发送消息（表示 wappalyzer 就会），这要求传过来
          // 的信息是个对象。
          // if (event.data?.type !== 'type1') {
          //   return
          // }
          _this.msg = event.data;
        })
      }
    })
  </script>
</body>
</html>
